博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序图片使用示例
阅读量:5332 次
发布时间:2019-06-14

本文共 532 字,大约阅读时间需要 1 分钟。

小程序官方API:

1:加载本地文件夹图片

       

2:加载服务器图片

wxml:

      

js:

Page({  data: {    imageUrl: "http://www.intmote.com/timg.jpg",      },

或者直接在wxml写代码:

      

3:给小程序页面加载一张背景图片

方法一:

使用背景图片的时候用网络图片,就是用外链的形式,比如你将这张图片放到你的服务器,如:;

方法二:

将背景图片使用编码base64进行转换,可以在这个网址进行 转换,如:background-image: url("转换后得到的编码文本"),如果多次使用的话可以将该值设置为全局变量,再在js文件进行引用即可;

详见上一篇博客:

原文作者:祈澈姑娘

技术博客:

90后前端妹子,爱编程,爱运营,爱折腾。

坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家加入群聊,一起探讨交流。

关注「编程微刊」公众号 ,在微信后台回复「领取资源」,获取IT资源300G干货大全。公众号回复“1”,拉你进程序员技术讨论群

转载于:https://www.cnblogs.com/wangting888/p/9701442.html

你可能感兴趣的文章
jenkins 构建到最后报权限的问题
查看>>
Node中怎么保持MySql一直连接不断开
查看>>
修正下载链接的树莓派Flash教程(前置:Chromium浏览器)
查看>>
Redis学习之路(000)- 目录
查看>>
1003: A Bug
查看>>
ASP.NET中实现页面间数据传递的方法
查看>>
IntelliJ IDEA License Server本地搭建教程
查看>>
golang解析git log时间
查看>>
java反射及Method的Invoke方法(转载)
查看>>
2017ACM/ICPC广西邀请赛-重现赛
查看>>
iso网络模型
查看>>
339A
查看>>
[UGUI]图文混排(五):添加下划线
查看>>
You are the controller (About Kinect for Windows Resources)
查看>>
CSS 高级布局技巧
查看>>
323.Number of Connected Components in an Undirected Graph
查看>>
C#多线程词频统计
查看>>
深入理解net core中的依赖注入、Singleton、Scoped、Transient(四)【转】
查看>>
字符串转换成整数
查看>>
空值转换问题
查看>>